.appListPage {
  width: 100%;
  height: 100%;

  .title {
    display: flex;
    align-items: flex-end;
    margin-bottom: 20px;
    font-family: 'PingFang-Sim';
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
    letter-spacing: normal;
    /* 字体主色 */
    color: #222529;
  }
  .tableArea {
    :global {
      .ant-table-body {
        height: max(120px, calc(100vh - 340px));

        .ant-table-placeholder {
          height: max(110px, calc(100vh - 350px));
        }
      }
    }
    :global {
      .ant-table {
        background-color: transparent;
      }

      .ant-table-cell {
        color: #43436b;
        .ant-empty.ant-empty-normal{
          display: block;
          text-align: center;
        }
      }

      .ant-table-tbody > tr.ant-table-row:hover > td,
      .ant-table-tbody > tr > td.ant-table-cell-row-hover {
        background: rgba(#ffffff, 0.5);
      }

      .ant-table-header,
      .ant-table-thead {
        .ant-table-cell {
          background: #F1F0FF;
          font-family: PingFang SC;
          font-size: 14px;
          font-weight: normal;
          line-height: 16px;
          letter-spacing: normal;
          /* 字体二级颜色 */
          color: #676773;
          border-bottom: none;
          .froms {
            display: flex;
            justify-content: center;
            .imgsReleaseType {
              margin-right: 10px;
            }
          }
          &::before {
            display: none;
          }
        }
        border-bottom: 1px solid #E7E7F0;
        border-radius: 10px 10px 0 0;
      }
      .ant-table-thead {
        tr {
          :first-child {
            padding-left: 20px;
          }
        }
      }
      .ant-table-tbody > tr > td {
        padding: 20px;
        border-bottom: 1px solid rgba(#d0d9f1, 0.56);
        font-family: 'PingFang-Sim';
        font-size: 14px;
        font-weight: normal;
        line-height: 22px;
        letter-spacing: normal;
        /* 字体主色 */
        color: #222529;
      }

      .ant-table-body {
        scrollbar-color: #c9cde0 transparent;
        scrollbar-width: thin;

        &::-webkit-scrollbar {
          width: 4px;
          height: 4px;
        }

        &::-webkit-scrollbar-thumb {
          width: 4px;
          border-radius: 2px;
          background-color: #c9cde0;
        }

        &::-webkit-scrollbar-track {
          background-color: transparent;
        }
      }

      .ant-pagination {
        color: #979797;
        margin-top: 20px;
        margin-bottom: 5px;

        .ant-pagination-total-text {
          margin-right: auto !important;
        }
        .ant-pagination-options {
          margin-left: auto !important;
        }
      }

      .ant-pagination-prev .ant-pagination-item-link,
      .ant-pagination-next .ant-pagination-item-link {
        background-color: transparent;
        border-color: transparent;
      }

      .ant-pagination-item {
        width: 32px;
        height: 32px;
        border-radius: 3px;
        background: #fff;
        border: 1px solid #d7dfe9;
        a {
          color: rgba(0, 0, 0, 0.6);
        }

        &.ant-pagination-item-active {
          background: #6356EA;
          border: 1px solid #6356EA;
          color: #fff;
          a {
            color: #fff;
          }
        }
      }
    }

    .noData {
      margin:50px autp;
      text-align: center;
      :global {
        .ant-table-tbody > tr > td {
          border-bottom: none !important;
        }
      }
    }
    .tableOperation{
      display: flex;
      flex-direction: row-reverse;
      margin-bottom: 20px;

      :global {
        .ant-btn-primary {
          box-shadow: none;
        }
      }
    }
  }
}
